<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>布局标签-结构化语义标签</title>
</head>
<body>
    <!-- header 表示网页的头部
    main 表示网页的主体部分
    footer 表示网页的底部
    nav 表示网页的导航 
    aside 和主体相关的 侧边栏
    article 表示一个独立的文章
    section 表示一个独立的区块
    div 没有语义，表示一个块元素
    span 是一个行内元素 没有语义，一般用于网页中选中文字
    -->
    <header>这是头</header>
    <nav>这是导航</nav>
    <main>这是主体</main>
    <footer>这是底部</footer>
</body>
</html>